<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XP Style for RadioButton and Check Boxes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Shortcut, Link" />
<meta name="MS-HKWD" content="Shortcut" />
<meta name="MS-HKWD" content="Link" />
<link href="../design.css" rel="stylesheet" type="text/css" />
</head>

<body>
<a name="top" id="top"></a>
<table width="100%" border="0"cellpadding="0" cellspacing="0">
  <tr>
    <td background="../images/riffel_40px.jpg"><img src="../images/riffel_helpinformation.jpg" width="209" height="40" /></td>
  </tr>
</table>

<h1>XP Style for RadioButton and Check Boxes</h1>
<p>This is a simple example how to use XP Style for RadioButton and Check Boxes</p>
<p>&nbsp;</p>

<h1>Click to select a special pizza</h1>

<form action="input_checkbox.htm">
  <p>
    <input type="checkbox" name="zutat" value="salami">
    Salami<br>
    <input type="checkbox" name="zutat" value="pilze">
    Pilze<br>
    <input type="checkbox" name="zutat" value="sardellen">
    Sardellen </p>
  <p>&nbsp;</p>
</form>

<h1>Your manner of payment:</h1>

<form action="input_radio.htm">
  <p>
    <input type="radio" name="Zahlmethode" value="Mastercard">
    Mastercard<br>
    <input type="radio" name="Zahlmethode" value="Visa">
    Visa<br>
    <input type="radio" name="Zahlmethode" value="AmericanExpress">
    American Express </p>
</form>
<p>&nbsp;</p>
<h1>Select also another favorite</h1>

<form action="select.htm">
<p>
<select name="top5" size="5">
<option>Heino</option>
<option>Michael Jackson</option>
<option selected>Tom Waits</option>
<option>Nina Hagen</option>
<option>Marianne Rosenberg</option>
</select>
</p>
</form>




<table width="100%" border="0"cellpadding="0" cellspacing="0">
  <tr>
    <td background="../images/riffel_40px.jpg"><a href="#top"><img src="../images/up_rectangle.png" alt="back to top ..." width="32" height="32" border="0" /></a></td>
  </tr>
</table>
<hr size="1" />
<p>&nbsp;</p>
</body>
</html>